<template>
  <div class="zhuanti" v-if="blogList.length > 0">
    <h2 style="margin-left: 25px" class="hometitle">特别推荐(运维) - 云服务技术支持</h2>
    <ul>
      <li  v-for="item in blogList" :key="item.id"> <i><img :src="item.banner"></i>
        <p>{{item.recommend}}<span><a :href="uRL+item.detailId" target="_blank">查看</a></span> </p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'ThirdRecommend',
  data () {
    return {
      slideList: [],
      uRL: 'article/',
			blogList: [{
				id: 0,
				type: '',
				recommend: '',
				banner: '',
				detailId: 0
			}
			],
    }
  },
  created () {
  	this.getEspeciallyBlogList()
  },
  methods: {
    getEspeciallyBlogList() {
			var vm = this
			vm.axios({
				method: 'GET',
				url: this.GLOBAL.baseURL + 'blog/recommend/especially',
			}).then(function (resp) {
				if (resp.data.status === 'ok') {
					vm.blogList = resp.data.list
				} else {
					vm.$message({
						message: '更新特别推荐文章失败!',
						type: 'error',
						center: true
					});
				}
			})
		}
    }
}
</script>

<style scoped src="../../assets/css/index.css">
</style>
